<template>
  <svg
    t="1705222681977"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    :width="size"
    :height="size"
  >
    <path
      d="M1008 505.8z m-500.472 500.464c-250.512 0-453.56-203.016-453.56-453.56 0-189.616 116.408-351.984 281.52-419.72v0.112c4.88-1.744 10.144-2.68 15.664-2.68 25.84 0 46.936 20.992 46.936 46.896 0 20.392-13.056 37.832-31.336 44.264v0.032c-128.664 54.736-218.944 182.384-218.944 331.064 0 198.688 161.032 359.72 359.72 359.72 198.696 0 359.728-161.064 359.728-359.72 0-148.68-90.216-276.304-218.984-331.064-18.24-6.4-31.264-23.84-31.264-44.256 0-25.912 20.984-46.904 46.904-46.904 5.456 0 10.68 0.936 15.632 2.68v-0.112c165.248 67.744 281.52 230.112 281.52 419.72 0.04 250.512-203.048 453.528-453.536 453.528m0-484.824c-25.872 0-46.896-21-46.896-46.944V52.24c-0.032-25.848 21.024-46.904 46.896-46.904 25.912 0 46.904 21.032 46.904 46.904V474.472c0.008 25.936-20.984 46.968-46.904 46.968"
      :fill="color"
      p-id="1257"
    ></path>
  </svg>
</template>

<script setup lang="ts">
import { withDefaults, defineProps } from "vue";

interface IIconProps {
  size?: string | number;
  color?: string;
}

withDefaults(defineProps<IIconProps>(), {
  size: 16,
  color: "#333333",
});
</script>

<style scoped></style>
